<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>SunivoWeb | 首页</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="author" content="Huazz Tsai">
<meta name="keyword" content="">
<link rel="shortcut icon" href="../customize/ico/favicon.ico">
<link rel="apple-touch-icon" href="../customize/ico/favicon.ico">
<!--[if lt IE 9]>
<script type="text/javascript" src="../script/html5shiv.js"></script>
<![endif]-->
<link rel="stylesheet" href="../customize/css/sunivoweb.frame.css"/>
<link rel="stylesheet" href="../customize/css/reset.css"/>
<link rel="stylesheet" href="../customize/css/sunivoweb_style.css">
</head>
<body>
<!-- HEADER -->
<div class="index-nav-container">
    <ul class="index-nav">
        <li class="active"><a href="#">首页</a></li>
        <li><a href="custom-modal.html">组件</a></li>
        <li><a href="#">JavaScript插件</a></li>
    </ul>
</div>
<!-- BODY -->
<div class="index-banner-container-bg"> 
    <div class="index-banner-container">    
                <div class="index-banner">
                    <div class="index-box">
                    <img  src="../customize/images/sunivoslogo.png"/>
                    <p>Sunivo-Web为春宇集团简洁、直观的前端开发框架，让web开发更迅速、简单。</p>
                    <span>所维护的定期更新。<br />当前版本：1.0.0-SNAPSHOT</span>
                    </div> 
                    <p  style="text-align:right;margin-top:60px;">发布者：瞿亚鹏&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2013.03.26&nbsp;&nbsp;&nbsp;&nbsp;评价：<span style="color:#41b59e;">★ ★ ★ </span></p>                     
                </div>                
    </div>    
</div>      
<div class="index-m"> 
            <div class="index-module-container">
                    <div class="index-module">
                        <div class="module-child active-module">
                         <h2><a href="UI-modal.html">组件</a></h2>
                         <p><a href="components.html">无数可复用的组件，包括图标，下拉菜单，导航，警告框，弹出框等更多功能。</a></p>
                        </div>
                        <div class="module-child active-module">
                        <h2><a href="#">JavaScript插件</a></h2>
                        <p><a href="#">插件为组件赋予了“生命”。可以简单地一次性引入所有插件，或者单个引入到你的页面。</a></p>
                        </div>
                        <div class="module-child  active-module">
                             <div class="add-new"><a href="#"></a></div>
                        </div>
                    </div>
                    <div class="index-module2-container">
                            <p>最新组件推荐</p>
                            <a href="#">更多</a>
                            <ul>
                                <a href="#">
                                    <p>自定义modal</p>
                                    <span>配置模式1：默认采用bootstrap-modal的三层布局，有以下配置参数挑选 （不能与模式2的参数同时配置）</span>
                                    <p class="text1">发布者：杨成&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2013.03.25&nbsp;&nbsp;&nbsp;&nbsp;评价：<span style="color:#41b59e;">★ ★ ★ </span></p>
                                </a>
                            </ul>
                            <hr size="1" noshade="noshade" style="border:1px #959595 dotted;"/>
                            <ul>
                                <a href="#">
                                    <p>模态对话框 modal.js </p>
                                    <span> 模态对话框是一类简洁、灵活的的弹框，他们具有精简的功能和友好的默认行为。</span>
                                    <p class="text1">发布者：金振源&nbsp;&nbsp;&nbsp;&nbsp;发布日期：2013.03.25&nbsp;&nbsp;&nbsp;&nbsp;评价：<span style="color:#41b59e;">★ ★ ★ </span></p>
                                </a>
                            </ul>
                            <hr size="1" noshade="noshade" style="border:1px #959595 dotted;"/>
                     </div>
            </div>        
</div>   
<!-- FOOTER -->
<div class="foot">
  <p>本网站所列开源项目的中文版文档全部由Sunivo Web成员翻译整理</p>
  <p>Powered by Sunivo Web Team 站长统计</p>
</div>

<!-- 返回顶部 -->

<!-- script --> 
<script type="text/javascript" src="../customize/script/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../customize/script/sunivoweb.frame.js"></script> 
<script type="text/javascript" src="../customize/script/sunivoweb.app.js"></script> 
<script type="text/javascript" src="../customize/script/ports.js"></script> 
<script type="text/javascript" src="../customize/script/portSelector.js"></script> 
<script>(function($){$.initover = function(fn) {$(document).one('initover', fn);}})(jQuery);</script>
<script type="text/javascript" src="../customize/script/handlebars.js"></script>
<script>
	$(document).ready(function(){
		
    $("body").append("<div class='backToTop'>回到<br />顶部</div>")
    $(".backToTop").click(function() {
		$("html, body").animate({ scrollTop: 0 }, 500);
		$(".backToTop").hide();
    });
	 $backToTopFun = function() {
        var st = $(document).scrollTop(), winh = $(window).height();
        (st > 0)? $(".backToTop").fadeIn(200) : $(".backToTop").hide();
		
        //IE6下的定位
        if (!window.XMLHttpRequest) {
            $backToTopEle.css("top", st + winh - 166);    
        }
    };
    $(window).bind("scroll", $backToTopFun);
    $(function() { $backToTopFun(); });
	
})
</script>

</body>
</html>
